<template>
    <yd-tabbar slot="tabbar" active-color="#00B2EE">
        <yd-tabbar-item title="首页" link="home" :active="selected == 'home'">
            <yd-icon name="home" slot="icon" size="0.54rem"></yd-icon>
        </yd-tabbar-item>
        <yd-tabbar-item title="消息" link="message" :active="selected == 'message'">
            <img src="../../img/message.png" slot="icon" style="height:0.64rem;width:0.5rem;padding-bottom:.06rem;padding-top:0.02rem;" v-show="selected != 'message'">
            <img src="../../img/active_message.png" slot="icon" style="height:0.64rem;width:0.5rem;padding-bottom:.06rem;padding-top:0.02rem;" v-show="selected == 'message'">
        </yd-tabbar-item>
        <yd-tabbar-item title="个人中心" link="persional" :active="selected == 'persional'">
            <yd-icon name="ucenter-outline" slot="icon" size="0.54rem"></yd-icon>
        </yd-tabbar-item>
    </yd-tabbar>
</template>

<script type="text/babel">
export default {
    data () {
        return {
            message: 'home'
        }
    },
    props: {
        selected: String    //  被选择的底部导航标签
    }
}
</script>

<style scoped>
</style>
